<template>
  <div>
    <el-col>
      <p style="font-size: 30px">维护公告</p>
      <template v-for="n in noticeList" :key="n.id">
        <el-card style="margin-top: 20px" shadow="hover">
          <p style="font-size: 18px">{{ n.type }}</p>
          <p>{{ n.title }}</p>
          <el-link @click="openUrl(n.url)">{{ n.url }}&nbsp; &lang;&lang;==============点我</el-link>
        </el-card>
      </template>
    </el-col>
  </div>
</template>

<script>
import {j3api} from "@/axios/j3http";

export default {
  name: "NoticePage",
  data() {
    return {
      noticeList: []
    }
  },
  methods: {
    openUrl(url) {
      window.shell.openUrl(url)
    }
  },
  async mounted() {
    await j3api.getNotice().then(res => {
      this.noticeList = res.data
    })
  }
}
</script>

<style scoped>

</style>
